
.container{
  height: 100%;
  /* background-image: linear-gradient(to right, #fbc2eb,#a6c1ee); */
  background: url(../img/bg/indexbg.png) no-repeat center center fixed;
}


.header{
  height: 10%;
  background-color: rgba(28, 43, 53, 0.8);
  display: flex;
  align-items: center; /*定义body的元素垂直居中*/
  justify-content: center; /*定义body的里的元素水平居中*/
}
.header .title{
  font-size: 50px;
  color: white;
  letter-spacing: 20px;

  /* background-color: white; */
}
.loginDiv{
  height: 57.47%;
  width: 36.45%;
  /* 实现垂直左右居中 */
  position: relative;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  padding-bottom: 60px;
  /* 设置简易毛玻璃特效 */
  background: rgba(54, 54, 54, 0.2);
  backdrop-filter: saturate(180%) blur(10px);
}
.loginDiv .loginhead{
  font-size: 46px;
  text-align: center;
  letter-spacing: 70px;
  padding: 50px 0;
  position: relative;
  left: 40px;
  color: rgb(24,24,24);
}

.inputForm{

  position: relative;
  left: -5%;
}

.loginDiv .inputItem{
  /* 清除默认边框 */
  border: 0;
  /* display: block; */
  border-bottom: rgb(63, 62, 62) 2px solid;
  /* margin: 30px auto; */
  padding: 10px;
  width: 68%;
  font-size: 20px;
  outline: none;
  background: none;
  color: rgb(24,24,24);
  caret-color: white;
}

.loginDiv .inputItem::placeholder{
  text-transform: uppercase;
  color: rgb(209, 209, 209);
  font-size: 18px;
}
.inputForm button{
  display: block;
  height: 50px;
  width: 33%;
  margin-left: 42%;
  /* 实现渐变 */
  /* background-image: linear-gradient(to right ,#a6c1ee, #fbc2eb); */
  background-color: rgb(36, 66, 78);

  border: none;
  font-size: 20px;
  color: #fff;
  outline: none;
}
.inputForm button:hover{
  cursor: pointer;
  background-color: rgb(223, 85, 50);
}
.loginDiv .footer{
  /* background-color: red; */
  margin: 50px;
  text-align: center;
}


.userInfo{
  margin-bottom: 50px;
}

.userInfo div{
  width: 64%;
  margin: 0 auto;
  /* padding-right: 50px; */
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.userInfo div span{
  font-size: 20px;
  position: relative;
  top: 10px;
  color: rgb(255, 255, 255);
}